.content {
  width: 20rem;
  background-color: #fff;
}
.hd {
  width: 20rem;
  height: 2.053333rem;
  line-height: 2.053333rem;
  font-size: 0.746667rem;
  color: #666666;
  margin: 0;
  padding-left: 0.693333rem;
  border-bottom: 1px solid #E4E4E4;
}
.re_bd {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.173333rem 0;
}
.re_bd p:nth-child(1) {
  font-size: 0.533333rem;
}
.re_bd p:nth-child(2) {
  font-size: 1.866667rem;
  font-weight: 700;
  color: #FF6161;
  margin: 1.066667rem 0 0.32rem 0;
}
.re_bd p:nth-child(2) span {
  font-size: 1.013333rem;
}
.re_bd p:nth-child(3) {
  font-size: 0.586667rem;
  color: #999999;
}
.publish {
  margin-top: 0.4rem;
}
.publish .pub_bd {
  display: flex;
  justify-content: space-between;
}
.publish .pub_bd .circle {
  flex: 1;
  width: 7.92rem;
  height: 7.92rem;
  margin: 2.24rem 1.253333rem 2.48rem 0.906667rem;
}
.publish .pub_bd .data {
  flex: 1;
  height: 12.8rem;
  margin: 0;
  margin: 0.373333rem 1.333333rem 0 0;
}
.publish .pub_bd .data .data_hd {
  display: flex;
  justify-content: space-between;
  height: 1.36rem;
  line-height: 0.477333rem;
  padding: 0.4rem 0.533333rem;
  background-color: #F3F3F3;
  font-size: 0.613333rem;
  color: #333333;
}
.publish .pub_bd .data .data_item {
  display: flex;
  height: 1.546667rem;
  line-height: 1.546667rem;
  margin: 0 0.106667rem;
  padding-right: 0.4rem;
  border-top: 1px solid #DCDCDC;
  font-size: 0.533333rem;
  color: #868686;
  text-align: left;
}
.publish .pub_bd .data .data_item span {
  flex: 1;
}
.publish .pub_bd .data .data_item span:nth-child(2) {
  display: inline-block;
  height: 0.586667rem;
  margin-top: 0.053333rem;
}
.publish .pub_bd .data .data_item span:nth-child(2) span {
  display: inline-block;
  height: 100%;
  border-radius: 0.133333rem;
}
.publish .pub_bd .data .data_item span:nth-child(2) .orange {
  width: 0.133333rem;
  background-color: #FF8B02;
}
.publish .pub_bd .data .data_item span:nth-child(2) .deepgreen {
  width: 0.293333rem;
  background-color: #08A687;
}
.publish .pub_bd .data .data_item span:nth-child(2) .deepblue {
  width: 0.64rem;
  background-color: #427CFF;
}
.publish .pub_bd .data .data_item span:nth-child(2) .green {
  width: 0.906667rem;
  background-color: #36C38F;
}
.publish .pub_bd .data .data_item span:nth-child(2) .red {
  width: 1.493333rem;
  background-color: #EC5762;
}
.publish .pub_bd .data .data_item span:nth-child(2) .blue {
  width: 2.32rem;
  background-color: #52C4F0;
}
.publish .pub_bd .data .data_item span:nth-child(2) .yellow {
  width: 1.493333rem;
  background-color: #FEBE00;
}
.publish .pub_bd .data .data_item span:nth-child(3) {
  text-align: right;
}
.address {
  margin-top: 0.4rem;
}
.address .ad_bd {
  height: 16.666667rem;
  margin: 0;
}
.address .ad_bd .ad_item {
  display: flex;
  justify-content: space-between;
  height: 1.146667rem;
  line-height: 1.146667rem;
  vertical-align: middle;
  font-size: 0.746667rem;
  color: #333333;
  margin: 1.093333rem 0.96rem 0 0.746667rem;
}
.address .ad_bd .ad_item .icon {
  width: 1.146667rem;
  height: 1.146667rem;
  margin-right: 0.373333rem;
}
.address .ad_bd .ad_item hr {
  display: inline-block;
  width: 12rem;
  border-top: 1px dashed #C9C9C9;
  margin-top: 0.533333rem;
}
.address .ad_bd .ad_item .dollor {
  font-size: 0.533333rem;
  margin: 0;
}
